<script lang="ts" setup>
import { ref,onMounted,onUnmounted, inject} from 'vue';
import { LoadingKey } from '@/types/keys';


const loadingRef = ref(Symbol())

const isLoading = inject(LoadingKey)

onMounted(()=>{
})

onUnmounted(()=>{

})
</script>

<template>
    <div v-if="isLoading" class="full-w full-h loading-main" ref="loadingRef">
        <dv-loading></dv-loading>
    </div>
</template>   

<style lang="stylus" scoped>
@import "stylus-px2rem";
@import url('@/css/normal.styl');

.loading-main
    background-color rgba(0,0,0,.3)
    position absolute
    top 0
    left 0
</style>